<template>
    <div>
        <div class="operation">
        <div>
            详情
        </div>
        <div>
            <span @click='edit(item)'>编辑</span>
            <span @click="$router.go(-1)">返回</span>
        </div>
    </div>
    <div class="info">
        <ul>
            <!-- <li>序号：{{item.id}}</li> -->
            <li>项目编号：{{item.projectNum}}</li>
            <li>项目名称：{{item.projectName}}</li>
            <li>项目描述：{{item.projectdescribe}}</li>
            <li>项目负责人：{{item.projectManager}}</li>
            <li>技术负责人：{{item.technicaler}}</li>
            <li>产品负责人：{{item.product}}</li>
            <li>测试负责人：{{item.tester}}</li>
            <li>市场负责人：{{item.Marketer}}</li>
            <li>当前阶段：{{item.projectStage}}</li>
            <li>项目状态：{{item.projectState}}</li>
            <li>开始日期：{{item.startDate}}</li>
            <li>截至日期：{{item.endDate}}</li>
        </ul>
    </div>
    </div>
</template>

<script setup>
import axios from "axios";
import { reactive,ref} from "@vue/reactivity";
import { useRoute,useRouter } from "vue-router";
var route = useRoute();
var router = useRouter()


var id = route.query.projectNum;

var item = ref({})


axios.post('/api/projectManage/info',{projectNum: id}).then((res)=>{
    item.value = res.data;
  })

var edit= (item)=>{
    router.push({
        path:'/index/projectEdit',
        query:item

});
}
</script>

<style>
    .operation{
        height: 50px;
        background-color: #f5f5f5;
        display: flex;
        justify-content: space-between;
    }
    .operation>div:nth-child(1){
        line-height: 50px;
        margin-left: 20px;
        font-size: 12px;
    }
    .operation>div:nth-child(2){
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .operation>div>span{
        line-height: 30px;
        font-size: 12px;
        width: 60px;
        height: 30px;
        background-color: white;
        color: #63B9BE;
        margin-right: 20px;
        text-align: center;
    }
    .operation>div>span:hover{
        background-color:#63B9BE;
        color: white;
    }

    .info{
        font-size: 12px;
        color: #999;
    }
    ul{
        list-style: none;
    }
    li{
        padding-bottom: 40px;
    }

</style>